<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我的主页</title>
	<link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../../static/layui/css/layui.css"/>
	<link rel="stylesheet" th:href="@{/styles/users/web.css}" href="../../static/styles/users/web.css"/>
	<link rel="stylesheet" th:href="@{/styles/users/entry.css}" href="../../static/styles/users/entry.css"/>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
        crossorigin="anonymous">

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
        crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
        crossorigin="anonymous"></script>

    <style>
        .navbar-default {
            background-color: #fff;
            border-color: #f0f0f0;
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
            right: 0;
            left: 0;
            z-index: 1030;
        }
        
        .lxb-body {
       		left: 0 !important;
        }
    </style>
</head>

<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<!-- 头部导航栏 start -->
		<div th:replace="/share/_header :: header(0)"></div>
		<!-- 头部导航栏 end -->
		
		<div class="layui-body body-content lxb-body">
			<div class="container person">
		        <div class="row">
		            <div class="col-xs-16 main">
		                <div class="main-top">
		                    <a class="avatar" href="http://www.jianshu.com/u/cd71ddfdf5bf">
		                        <img src="http://placehold.it/80X80" alt="240">
		                    </a>
		
		                    <div class="title">
		                        <a class="name" href="http://www.jianshu.com/u/cd71ddfdf5bf">XXXXXXX</a>
		                        <i class="iconfont ic-man"></i>
		                    </div>
		                    <div class="info">
		                        <ul>
		                            <li>
		                                <div class="meta-block">
		                                    <a href="http://www.jianshu.com/users/cd71ddfdf5bf/following">
		                                        <p>11</p> 关注
		                                        <i class="iconfont ic-arrow"></i>
		                                    </a>
		                                </div>
		                            </li>
		                            <li>
		                                <div class="meta-block">
		                                    <a href="http://www.jianshu.com/users/cd71ddfdf5bf/followers">
		                                        <p>0</p> 粉丝
		                                        <i class="iconfont ic-arrow"></i>
		                                    </a>
		                                </div>
		                            </li>
		                            <li>
		                                <div class="meta-block">
		                                    <a href="http://www.jianshu.com/u/cd71ddfdf5bf">
		                                        <p>14</p> 文章
		                                        <i class="iconfont ic-arrow"></i>
		                                    </a>
		                                </div>
		                            </li>
		                            <li>
		                                <div class="meta-block">
		                                    <p>5551</p>
		                                    <div>字数</div>
		                                </div>
		                            </li>
		                            <li>
		                                <div class="meta-block">
		                                    <p>0</p>
		                                    <div>收获喜欢</div>
		                                </div>
		                            </li>
		                        </ul>
		                    </div>
		                </div>
		
		                <ul class="trigger-menu" data-pjax-container="#list-container">
		                    <li class="">
		                        <a href="/posts/list?order_by=createTime">
		                            <i class="iconfont ic-articles"></i> 帖子
		                        </a>
		                    </li>
		                    <li class="">
		                        <a href="/replies?order_by=createTime">
		                            <i class="iconfont ic-feed"></i> 最新回复
		                        </a>
		                    </li>
		                    
		                    <li class="active">
		                        <a href="/articles/list?order_by=createTime">
		                            <i class="iconfont ic-articles"></i> 文章
		                        </a>
		                    </li>
		                    
		                    <li class="">
		                        <a href="/articles/1/comments?order_by=createTime">
		                            <i class="iconfont ic-latestcomments"></i> 最新评论
		                        </a>
		                    </li>
		                    
		                    <li class="">
		                        <a href="http://www.jianshu.com/u/cd71ddfdf5bf?order_by=top">
		                            <i class="iconfont ic-hot"></i> 热门
		                        </a>
		                    </li>
		                </ul>
		
		                <div id="list-container">
		                    <!-- 文章列表模块 -->
		                    <ul class="note-list" >

		                    </ul>
		                </div>
		            </div>
		
		            <div class="col-xs-7 col-xs-offset-1 aside">
		                <div class="title">个人介绍</div>
		                <a class="function-btn" data-action="start-edit-intro" href="javascript:void(0)">
		                    <i class="iconfont ic-edit-s"></i>编辑
		                </a>
		                <form class="profile-edit js-intro-form" data-type="json" id="edit_user_1800520" action="http://www.jianshu.com/users/cd71ddfdf5bf"
		                    accept-charset="UTF-8" data-remote="true" method="post">
		                    <input name="utf8" type="hidden" value="✓">
		                    <input type="hidden" name="_method" value="patch">
		                    <textarea name="user[intro]" id="user_intro">stay hungry，stay foolish</textarea>
		                    <input type="submit" name="commit" value="保存" class="btn btn-hollow" data-action="save-edit-intro" data-disable-with="保存">
		                    <a data-action="cancel-edit-intro" href="javascript:void(null);">取消</a>
		                </form>
		                <div class="description">
		                    <div class="js-intro">stay hungry，stay foolish</div>
		                    <a class="social-icon-sprite social-icon-weibo" target="_blank" href="http://weibo.com/u/3453785722"></a>
		                </div>
		                <div id="user-publications">
		                    <!---->
		                </div>
		                <ul class="list user-dynamic">
		                    <li>
		                        <a href="http://www.jianshu.com/users/cd71ddfdf5bf/subscriptions">
		                            <i class="iconfont ic-collection"></i>
		                            <span>我关注的专题/文集</span>
		                        </a>
		                    </li>
		                    <li>
		                        <a href="http://www.jianshu.com/users/cd71ddfdf5bf/liked_notes">
		                            <i class="iconfont ic-like"></i>
		                            <span>我喜欢的文章</span>
		                        </a>
		                    </li>
		                </ul>
		                <!-- 专题和文集 -->
		                <div>
		                    <div>
		                        <div class="title">我创建的专题</div>
		                        <div class="new-collection-block">
		                            <a href="http://www.jianshu.com/collections/new" class="new-collection-btn">
		                                <i class="iconfont ic-follow"></i>
		                                <span>创建一个新专题</span>
		                            </a>
		                        </div>
		                    </div>
		                    <div>
		                        <div class="title">我的文集</div>
		                        <ul class="list">
		                            <li>
		                                <a href="http://www.jianshu.com/nb/13627933" target="_blank">
		                                    <i class="iconfont ic-search-notebook"></i>
		                                </a>
		                                <a href="http://www.jianshu.com/nb/13627933" target="_blank" class="name">Linux</a>
		                            </li>
		                            <li>
		                                <a href="http://www.jianshu.com/nb/13627932" target="_blank">
		                                    <i class="iconfont ic-search-notebook"></i>
		                                </a>
		                                <a href="http://www.jianshu.com/nb/13627932" target="_blank" class="name">Mac</a>
		                            </li>
		                            <li></li>
		                        </ul>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
	</div>
	
	<div class="side-tool">
        <ul>
            <li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" style="display: none;">
                <a class="function-button">
                    <i class="iconfont ic-backtop"></i>
                </a>
            </li>
        </ul>
    </div>
    
    <script>
    		$(function() {
    			$('.trigger-menu a').click(e) {
    				e.preventDefault();
    				
    			};
    		});
    </script>
</body>
</html>